$--s-color-primary-100: #e8f4ff !default;
$--s-color-primary-200: #c2e0ff !default;
$--s-color-primary-300: #9bcaff !default;
$--s-color-primary-500: #4e95ff !default;
$--s-color-primary-600: #2878ff !default; //主色
$--s-color-primary-700: #1957d2 !default;
$--s-color-primary-800: #0d3ba6 !default;

$--s-color-danger-100: #ffeee8 !default;
$--s-color-danger-200: #fbd1c4 !default;
$--s-color-danger-300: #f7b2a0 !default;
$--s-color-danger-500: #ee705d !default;
$--s-color-danger-600: #ea4f3d !default;
$--s-color-danger-700: #c33026 !default;
$--s-color-danger-800: #9b1914 !default;

$--s-color-warning-100: #fffae8 !default;
$--s-color-warning-200: #fceec1 !default;
$--s-color-warning-300: #f9e09b !default;
$--s-color-warning-500: #f4be52 !default;
$--s-color-warning-600: #f1aa2e !default;
$--s-color-warning-700: #c8831d !default;
$--s-color-warning-800: #9f610f !default;

$--s-color-success-100: #e8fff0 !default;
$--s-color-success-200: #b7eecc !default;
$--s-color-success-300: #8addad !default;
$--s-color-success-400: #63cd92 !default;
$--s-color-success-500: #40bc7c !default;
$--s-color-success-600: #22ab68 !default;
$--s-color-success-700: #16935b !default;
$--s-color-success-800: #0c7c4d !default;

$--s-color-white: #ffffff !default;

$--s-color-text-100: rgb(45, 46, 47) !default;
$--s-color-text-200: rgba(45, 46, 47, 0.7) !default;
$--s-color-text-300: rgba(45, 46, 47, 0.5) !default;
$--s-color-text-400: rgba(45, 46, 47, 0.3) !default;

$--s-color-text-white: rgba(255, 255, 255, 1) !default;
$--s-color-text-link: $--s-color-primary-600 !default;
$--s-color-text-selected: rgba(40, 120, 255, 0.3) !default;
$--s-color-text-error: $--s-color-danger-600 !default;

$--s-font-size-xxs: 12px !default;
$--s-font-size-xs: 14px !default;
$--s-font-size-sm: 16px !default;
$--s-font-size-md: 18px !default;
$--s-font-size-lg: 20px !default;
$--s-font-size-xl: 22px !default;
$--s-font-size-xxl: 24px !default;

$--s-font-weight-normal: 400 !default;
$--s-font-weight-bold: 700 !default;

$--s-border-dark: rgba(31, 33, 38, 0.12) !default;
$--s-border-light: rgba(31, 33, 38, 0.08) !default;

$--s-mask: rgba(43, 47, 54, 0.6) !default;

$--s-inter-light-active: #bdc4d0 !default;
$--s-inter-light-hover: #d0d5dd !default;
$--s-inter-light-bg: #f2f4f7 !default;
$--s-inter-light-bg-hover: #e4e7ec !default;

$--s-inter-dark-active: #b1bac9 !default;
$--s-inter-dark-hover: #bdc4d0 !default;
$--s-inter-dark-bg: #e4e7ec !default;
$--s-inter-dark-bg-hover: #d0d5dd !default;

$--s-icon-dark: rgba(29, 41, 57, 1) !default;
$--s-icon-light: rgba(152, 162, 179, 1) !default;

$--s-bg-light: $--s-color-white !default;
$--s-bg-medium: rgba(249, 250, 251, 1) !default;
$--s-bg-dark: rgba(242, 244, 247, 1) !default;

$--s-placeholder-color: #faf9f5 !default;
$--s-placeholder-text-color: #c0c4cc !default;

$--s-color-lightblue-200: #0bc3ec !default;
$--s-color-lightblue-500: #8ceef7 !default;

$--s-color-blue-200: #2e90fa !default;
$--s-color-blue-500: #b2ddff !default;

$--s-color-darkblue-200: #717bbc !default;
$--s-color-darkblue-500: #eaecf5 !default;

$--s-color-lightpurple-200: #7a5af8 !default;
$--s-color-lightpurple-500: #d9d6fe !default;

$--s-color-purple-200: #9531c7 !default;
$--s-color-purple-500: #d596e9 !default;

$--s-color-pink-200: #ee46bc !default;
$--s-color-pink-500: #fcceee !default;

$--s-color-darkpink-200: #f63d68 !default;
$--s-color-darkpink-500: #feccd6 !default;

$--s-color-red-200: #fa6b69 !default;
$--s-color-red-500: #fdbdb5 !default;

$--s-color-lightorange-200: #f2930c !default;
$--s-color-lightorange-500: #fad78d !default;

$--s-color-orange-200: #fb6514 !default;
$--s-color-orange-500: #fddcab !default;

$--s-color-darkorange-200: #e78c6e !default;
$--s-color-darkorange-500: #f5cbb5 !default;

$--s-color-coffee-200: #bb8a69 !default;
$--s-color-coffee-500: #e4cab0 !default;

$--s-color-lightgreen-200: #a2cd2f !default;
$--s-color-lightgreen-500: #ddeb96 !default;

$--s-color-green-200: #71bc78 !default;
$--s-color-green-500: #b3e4b3 !default;

$--s-color-darkgreen-200: #22aeae !default;
$--s-color-darkgreen-500: #99ece1 !default;

$--s-color-gray-100: #f2f4f7 !default;
$--s-color-gray-150: #e5e7eb !default;
$--s-color-gray-200: #e4e7ec !default;
$--s-color-gray-300: #cfd4dc !default;
$--s-color-gray-500: #667085 !default;
$--s-color-gray-700: #374151 !default;

$--s-box-shadow-lighter: 4px 0 8px rgba(29, 41, 57, 0.1) !default; // 文本修改弹框
$--s-box-shadow-light: 6px 0 18px rgba(29, 41, 57, 0.14) !default; // 卡片、下拉菜单投影
$--s-box-shadow-dark: 10px 0 32px rgba(29, 41, 57, 0.18) !default; // 信息提示投影
$--s-box-shadow-darker: 12px 0 42px rgba(29, 41, 57, 0.24) !default; // 模态框投影

$--s-border-width: 1px;
$--s-border-radius-small: 4px;
$--s-border-radius-medium: 6px;

$--s-avatar-large: 40px !default;
$--s-avatar-medium: 32px !default;
$--s-avatar-small: 24px !default;

$--s-tooltip-color-background: #1f2126 !default;
$--s-tooltip-color-text: $--s-color-white !default;
$--s-tooltip-font-size: $--s-font-size-xs !default;

$--s-border-radius-circle: 100% !default;
$--s-border-radius-none: 0 !default;
$--s-border-radius-base: 4px !default;
$--s-border-radius-base-lg: #{$--s-border-radius-base + 2} !default;
$--s-border-radius-2base: 8px !default;
$--s-border-radius-3base: 12px !default;

$--s-alert-padding: 9px 16px !default;
$--s-alert-border-radius: $--s-border-radius-base !default;
$--s-alert-border-width: 1px !default;
$--s-alert-title-font-size: 14px !default;
$--s-alert-description-font-size: 13px !default;
$--s-alert-close-font-size: 20px !default;
$--s-alert-close-customed-font-size: 13px !default;
$--s-alert-success-color: $--s-color-success-100 !default;
$--s-alert-info-color: $--s-color-primary-100 !default;
$--s-alert-warning-color: $--s-color-warning-100 !default;
$--s-alert-danger-color: $--s-color-danger-100 !default;
$--s-alert-success-color-goth: $--s-color-success-600 !default;
$--s-alert-info-color-goth: $--s-color-primary-600 !default;
$--s-alert-warning-color-goth: $--s-color-warning-600 !default;
$--s-alert-danger-color-goth: $--s-color-danger-600 !default;
$--s-alert-icon-size: 16px !default;
$--s-alert-title-font-weight: 500 !default;

$--s-alert-icon-large-size: 28px !default;
$--s-alert-title-line-height: 22px !default;

$--s-checkbox-font-size: $--s-font-size-xs !default;
$--s-checkbox-border-color-hover: $--s-color-primary-600 !default;
$--s-checkbox-bg-color-checked: $--s-color-primary-600 !default;
$--s-checkbox-color-disabled: rgba(45, 46, 47, 0.3) !default;
$--s-checkbox-border-color-disabled: #e4e7ed !default;
$--s-checkbox-bg-color-disabled: rgba(228, 231, 237, 0.4) !default;
$--s-checkbox-disabled-checked-color: #e1e3e6 !default;
$--s-checkbox-size: 16px !default;
$--s-checkbox-border-raidus: 4px !default;
$--s-checkbox-border-width: 1px !default;
$--s-checkbox-border-color: rgba(31, 33, 38, 0.3) !default;
$--s-checkbox-label-padding: 8px !default;

$--s-zindex-tooltip: 2 !default;

$--s-input-placeholder-color: #9da1a6 !default;
$--s-input-font-color: #1c2433 !default;
$--s-input-font-size: $--s-font-size-xs !default;
$--s-input-error-font-size: $--s-font-size-xxs !default;
$--s-input-border-color: rgba(31, 33, 38, 0.2) !default;
$--s-input-background-color: $--s-color-white !default;
$--s-input-focus-border-color: $--s-color-primary-600 !default;
$--s-input-focus-background-color: #f5fbff !default;
$--s-input-error-border-color: #eb483d !default;
$--s-input-error-background-color: #fff5f5 !default;
$--s-input-font-weight: 400 !default;

$--s-toggle-width: 40px !default;
$--s-toggle-height: 24px !default;

$--s-toggle-small-width: 26px !default;
$--s-toggle-small-height: 16px !default;

$--s-toggle-large-width: 54px !default;
$--s-toggle-large-height: 32px !default;

$--s--switch-padding-l: 4px !default;
$--s--switch-padding-m: 3px !default;
$--s--switch-padding-s: 2px !default;

$--s-spinner-transition-type-1: cubic-bezier(0.5, 0, 0.5, 1);
$--s-spinner-transition-normal: 1.2s;
$--s-spinner-ring-width: 64px;
$--s-spinner-ring-height: 64px;

$--s-spinner-size: 4em;
$--s-spinner-size-m: 3em;
$--s-spinner-size-s: 1.5em;
$--s-spinner-size-xs: 1em;
$--s-spinner-size-xxs: 0.75em;

$--s-spinner-mg: 6px;
$--s-spinner-mg-m: 4px;
$--s-spinner-mg-s: 2px;

$--s-spinner-progress-size: 6px;
$--s-spinner-progress-size-m: 4px;
$--s-spinner-progress-size-s: 2px;

$--s-spinner-ring-color: $--s-color-primary-600;
$--s-spinner-ring-inline-color: $--s-color-primary-300;

$--s-message-z-index: 950;
$--s-message-shadow: 0px 4px 8px rgba(29, 41, 57, 0.2);
$--s-message-shadow-width: 10px;
$--s-message-top: 8px;

$--s-font-size-small: 14px;
$--s-font-size-large: 20px;
$--s-font-weight-normal: 400;

$--s-spacing-3xs: 2px;
$--s-spacing-xxs: 4px;
$--s-spacing-xs: 6px;
$--s-spacing-small: 8px;
$--s-spacing-medium: 16px;
$--s-spacing-large: 20px;

$--s-transition-medium: 250ms;


// 正常模式
$--primary-color: #2170D9;
$--danger-color: #e90000;
$--warning-color: #E6A23C;
$--lightgray-color: #e6e6e6;
$--black-color: #262626;
$--white-color: #fff;
$--secondary-color: #8c8c8c;
$--main-color: #666;
$--default-color: #5077AA;
$--lime-color: #fafafb;
$--main-color: #f5f5f5;
// 字体大小
$h6: 0.7rem;
$h5: 0.8rem;
$h4: 0.9rem;
$h3: 1rem;
$h2: 1.1rem;
$h1: 1.2rem;


$radius: 0.3rem;

$mini: 1.8rem;
$small: 1.9rem;
$large: 2rem;